import { Tag } from 'antd';

/**
 * 标签展示组件
 * @param props 属性
 * @param props.tags 标签数组
 * @param props.name 标签字段名 (当 tags 为对象数组时，需要指定 name 字段)
 */
export default function TagView(props) {
  const { tags, name } = props;

  return (
    <>
      {Array.isArray(tags) &&
        tags.map((o, index) => {
          if (name) {
            return <Tag key={index}>{o[name]}</Tag>;
          }
          return <Tag key={index}>{o}</Tag>;
        })}
    </>
  );
}
